<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" />
		<meta name="misapplication-tap-highlight" content="no" />
		<meta name="HandheldFriendly" content="true" />
		<meta name="MobileOptimized" content="320" />
		<title>个人-老师 我的学生详情</title>
		<link rel="stylesheet" href="../css/mui.min.css" />
		<link rel="stylesheet" href="../css/base.css" />
		<style>
			.bian-bg {
				background: -ms-linear-gradient(left, #3E9BE1, #0CEEED);
				background: -moz-linear-gradient(left, #3E9BE1, #0CEEED);
				background: -webkit-linear-gradient(left, #3E9BE1, #0CEEED);
				background: -webkit-linear-gradient(left, #3E9BE1, #0CEEED);
				background: -o-linear-gradient(left, #3E9BE1, #0CEEED);
				height: 200px;
			}
			
			body,
			.mui-content {
				background: white;
			}
			
			.containers {
				height: 450px;
				position: relative;
			}
			
			.info-container {
				position: absolute;
				width: 90%;
				margin-left: 5%;
				border-radius: 10px;
				border-bottom: 1px solid #f0f0f0;
				height: 80%;
				background: rgba(245, 245, 245, 0.5);
				bottom: 0px;
			}
			
			.head-container {
				width: 100px;
				height: 100px;
				border-radius: 50%;
				overflow: hidden;
				margin: 0px auto;
				margin-top: -50px;
			}
			
			.da {
				position: absolute;
				right: 5px;
				top: 5px;
				width: 50px;
			}
			
			.maginLeft30 {
				margin-left: 20%;
			}
			
			.magin-1 {
				margin-top: 5%;
			}
		</style>
	</head>

	<body>

		<div class="mui-content">

			<div class="containers">
				<div class="bian-bg">
					<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" style="color: white;margin: 15px;"></a>
				</div>
				<div class="info-container">
					<div class="head-container">
						<img src="../img/bg-01.png" class="fill-h fill-w" />
					</div>

					<div class="text-center" style="font-size: 2.0rem;">
						事
					</div>

					<div class="maginLeft30 magin-1">
						手机号: <span>18711151201</span>
					</div>
					<div class="flex v-center maginLeft30" style="margin-top: 10px;">
						积分:
						<img style="width:20px;" src="../img/star-y.png" />
						<img style="width:20px;" src="../img/star-y.png" />
						<img style="width:20px;" src="../img/star-y.png" />
					</div>
					<div class="text-center" style="margin-top: 20px;">
		    			获得礼品
		    		</div>

					<div style="width: 80%;height: 1px;background: #f0f0f0;margin: 10px auto;"></div>

					<div style="width: 100%;text-align: center;">
						<img style="width: 100px;" src="../img/bg-01.png" />
						<img style="width: 100px;" src="../img/bg-01.png" />
						<img style="width: 100px;" src="../img/bg-01.png" />
						<img style="width: 100px;" src="../img/bg-01.png" />
						<img style="width: 100px;" src="../img/bg-01.png" />
						<img style="width: 100px;" src="../img/bg-01.png" />
						<img style="width: 100px;" src="../img/bg-01.png" />
					</div>

				</div>
			</div>

		</div>
		<script type="text/javascript" src="../js/mui.min.js"></script>
	</body>

</html>